<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/all.css" />
		
		<link rel="stylesheet" href="css/hearder.css" />
		<link rel="stylesheet" href="css/animate.min.css" />
	</head>

	<body>

		<header class="most-header">
			<article class="first">
				<img class="topact-big-img" src="//img.crawler.qq.com/lolwebschool/0/JAutoCMS_LOLWeb_a98b1dd97133928ca87df081f44da713/0">
				<img class="topact-small-img" src="//img.crawler.qq.com/lolwebschool/0/JAutoCMS_LOLWeb_19461bc8cba8447d617c4944512992d4/0">
				<article class="first-art">
	
					<button class="first-btnone"></button>
					<!--版本详情连接-->
					<div>
						当前游戏版本：
						<em>Ver 8.19</em>
						<a class="version" href="#">版本详情</a>
					</div>
				</article>

			</article>
			
			<div class="black-tr"></div>
		
			<header class="more-header">
				<article class="mo-head">
					<!--logo-->
					<i><img src="//ossweb-img.qq.com/images/lol/v3/logo.png" width="132" height="49" alt="英雄联盟">
						</i>
					<!--导航ul-->
					<ul class="ul">
						<li>
							游戏资料<br>
							<span>GAME&nbsp;INFO</span>
							<ul class="head-app">
								<li>新手指引</li>
								<li><i></i>资料库</li>
								<li>攻略中心</li>
								<li><em></em>开发者基地</li>
								<li>海克斯战利品库</li>
								<li><em></em>武器大师竞技场</li>
								<li>宇宙官网</li>
							</ul>
						</li>
						<li>
							商城/合作<br>
							<span>STORE</span>
							<ul class="head-app">
								<li>点劵充值</li>
								<li>道聚城</li>
								<li><i></i>周边商城</li>
								<li>LOL桌游</li>
								<li>LOL信用卡</li>
								<li>网吧特权</li>
							</ul>
						</li>
						<li>
							社区互动<br>
							<span>COMMUNITY</span>
							<ul class="head-app">
								<li>在线客服</li>
								<li>官方社区</li>
								<li>官方论坛</li>
								<li>官方微信</li>
								<li>官方微博</li>
								<li><em></em>玩家创作馆</li>
								<li><em></em>作者入驻计划</li>
								<li><em></em>玩家服务</li>
							</ul>
						</li>
						<li>
							赛事官网<br>
							<span>ESPORTS</span>
							<ul class="head-app">
								<li><i></i>LPL职业联赛</li>
								<li><em></em>洲际系列赛</li>
								<li>LDL发展联赛</li>
								<li>季中冠军赛</li>
								<li>德玛西亚杯</li>
								<li>全球高校冠军杯</li>
								<li>城市英雄争霸赛</li>
							</ul>
						</li>
						<li>
							自助系统<br>
							<span>SYSTEM</span>
							<ul class="head-app">
								<li><em></em>转区系统</li>
								<li><i></i>封号查询</li>
								<li>体验服申请</li>
								<li>回收系统</li>
								<li>服务器状态查询</li>
								<li><em></em>秩序殿堂</li>
								<li><em></em>峡谷之巅</li>
							</ul>
						</li>
	
					</ul>
					<!--放大镜-->
					<em></em>
			        <!--二维码-->
					<div class="erweima">
						<b></b>
						<!--二维码hover-->
						<div class="erweima-con">
							<i></i>
							<img src="//ossweb-img.qq.com/images/lol/v3/zm-qrcode.jpg" width="119" height="119" alt="掌盟App二维码">
							<p>扫码下载掌上英雄联盟</p>
							<div>
								<img class="polo" src="//ossweb-img.qq.com/images/lol/v3/polo.gif" alt="魄罗" width="50" height="50">
				
							</div>
						</div>
					</div>
					
					
					<!--登录 个人中心-->
					<div class="register">
						<div class="register-one">
							<img src="//ossweb-img.qq.com/images/lol/v2/personal/avatar/default.png" width="36" height="auto" alt="玩家头像">
	
						</div>
						<div class="register-two">亲爱的召唤师，欢迎
							<a href="#">登录</a>
						</div>
						<div class="register-three">
							<p>登录并且绑定大区后才可以查看您的具体信息哦<br>
								(包括战绩、资产、声望）
							</p>
							<p>
								官网个人信息显示略有延迟，请以游戏数据为准
							</p>
							<div>
								进入个人中心
								<i></i>
							</div>
						</div>
					</div>
				</article>				
			</header>
        </header>
        <script type="text/javascript">
        	var aul=document.getElementsByClassName("ul")[0];
        	aul.onmouseenter=()=>{
        		document.getElementsByClassName("black-tr")[0].style.height="350px";
        		document.getElementsByClassName("black-tr")[0].style.opacity="1";
        	}
        	aul.onmouseleave=()=>{
        		document.getElementsByClassName("black-tr")[0].style.height="0px";
        		document.getElementsByClassName("black-tr")[0].style.opacity="0";
        	}
        </script>
	</body>

</html>